@charset "utf-8";
@import "common/reset";
@import "common/common";


body{
    background: url(../img/bodybeijing.png)repeat;
}

.mobile{
    section{
        padding-top: p(20);
        .name{
            margin: 0 auto;
            width: 96%;
            height: p(50);
            line-height: p(50);
            background-color: #5fa1df;
            border-radius: p(4);
            font-size: p(22);
            color: white;
            text-align: center;
        }
        ul{
            display: flex;
            width: 96%;
            margin: p(10) auto;
            justify-content: space-between;
            align-items: flex-start;
            flex-wrap: wrap;
            a{
                width: 49%;
                &:nth-of-type(1){
                    li{
                        width: 100%;
                        height: p(354);
                    }
                }
                &:nth-of-type(2){
                    li{
                        width: 100%;
                        height: p(354);
                    }
                }
                li{
                    display: flex;
                    align-content: center;
                    flex-wrap: wrap;
                    width: 100%;
                    height: p(294);
                    border: p(2) solid #cdccd0;
                    background-color: white;
                    margin-bottom: p(16);
                    .biaoqian{
                        width: p(230);
                        height: p(62);
                        line-height: p(62);
                        background: url(../img/renqi.png)no-repeat;
                        color: white;
                        font-size: p(36);
                        background-size: 100%;
                    }
                    .img{
                        width: p(240);
                        height: p(196);
                        overflow: hidden;
                        margin: 0 auto;
                        img{
                            width: 100%;
                        }
                    }
                    p{
                        &:nth-of-type(1){
                            font-size: p(19);
                            color: #5C5C5C;
                            margin: 0 p(10);
                            span{
                                &:nth-of-type(1){
                                    margin-right: p(20);
                                }
                            }
                        }
                        &:nth-of-type(2){
                            width: 100%;
                            font-size: p(25);
                            color: #EB7575;
                            display: flex;
                            justify-content: flex-end;
                            margin-right: p(10);
                        }
                    }
                }
            }
        }
    }
}
